<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>
    .xw{
        background-color: #eeeeee;
        height: 40px;
        width: 400px;
        list-style: none;
    }
    span{
        display: inline-block;
        height: 40px;
        width: 60px;
        text-align: center;
        line-height: 40px;
        background-color: white;
        border-top: 2px solid #ff7c00;
    }
    li{
        list-style: none;
        
    }
    .li{
        height: 40px;
        width: 400px;
        margin-left: 20px;
        line-height: 40px;
        /* overflow: hidden; */
    }
    .img1{
        margin: 0px 5px;
    }
    .img{
        margin: 4px 0;
    }
</style>

</head>
<body> 
    <ul>
        <li class="xw"><span>新闻</span></li>
        <li class="li"><img src="../img/24-1.png" class="img"><img src="../img/24.gif" class="img1">点赞“新农人”</li>
        <li class="li"><img src="../img/24-1.png" class="img"><img src="../img/24.gif"class="img1">温暖的伸手在希望的田野上..</li>
        <li class="li"><img src="../img/24-1.png" class="img"><img src="../img/24.gif"class="img1">急!这个领域，缺人!月薪4万元还不好招!啥情况?</li>
        <li class="li"><img src="../img/24-1.png" class="img"><img src="../img/24.gif"class="img1">G9“带货”背后:亏损面持续扩大，竞争环境激烈</li>
        <li class="li"><img src="../img/24-1.png" class="img"><img src="../img/24.gif"class="img1">多地力推二手房“带押过户”，有什么好处?</li>
    </ul>
</body>
</html>